<template>
  <div class="shopCartBtnBox" @click="goShoppingCart">
    <i class="iconfont icon-qicheqianlian-1-copy1"></i>
    <p>购物车</p>
    <div class="shopCartNum orangeBg">
      5
    </div>
  </div>
</template>
<script>
export default {
  methods:{
    goShoppingCart(){
      this.$router.push({
        path: '/index/ShoppingCart',
    }) 
    }
  }
}
</script>
<style scoped>
@import url(http://at.alicdn.com/t/font_1435659_n09y7wphwmq.css);
  .shopCartBtnBox{
    width: 105px;
    height: 36px;
    border: 1px solid #999;
    background: #f8f8f6;
    display: flex;
    justify-content: center;
    line-height: 36px;
    font-size: 13px;
    position: relative;
  }
  .shopCartBtnBox i{
    width: 20px;
    height: 36px;
    display: block;
    font-size: 15px;
  }
  .shopCartNum{
    position: absolute;
    width: 22px;
    height: 19px;
    border-radius: 3px;
    font-size: 16px;
    line-height: 19px;
    color: #fff;
    text-align: center;
    top: -10px;
    right: 50%;
  }
</style>